<template>
    <div>
        <mt-swipe :auto="0">
        <!-- 要把src的内容进行计算要加v-bind -->
        <mt-swipe-item v-for="item in lunbo" :key="item"><img :src=item alt="" :class={per_width:bol1}></mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
export default{
    props:['lunbo','bol1'],
}
</script>
<style lang="scss" scoped>
.mint-swipe{
    height: 215px;
    text-align: center;
.mint-swipe-item{
    line-height: 200px;
    background-color: #f5f5f5;
    // &:first-child{
    // background-color:cyan;
    // }
    // &:nth-child(2){
    // background-color:orange;
    // }
    // &:last-of-type{
    // background-color:yellow;
    // }
    img{
        vertical-align: baseline;
        height: 100%;
        opacity: 0.9;
    }
    .per_width{
        width: 100%;
    }
}
}
</style>